.main {
	width: 980px;
	height: 455px;
	margin-left: 219px;
	margin-top: 10px;
}

.focus ul{
	/* 使用动画的前提，该元素必须有定位 */
	position: absolute;
	top: 0;
	left: 0;
	width: 600%;
}

.focus ul li{
	float: left;
}

.focus {
	position: relative;
	width: 720px;
	height: 455px;
	overflow: hidden;
}

.arrow-l,.arrow-r{
	display: none;
	position: absolute;
	top: 50%;
	margin-top: 20px;
	width: 24px;
	height: 40px;
	background-color: rgba(0, 0, 0, .3);
	text-align: center;
	line-height: 40px;
	font-family: 'icomoon';
	color: #fff;
	/* 因为ul也加了定位，所以按钮被当住了 */
	z-index: 2;
}

.arrow-r{
	right: 0;
}

.circle{
	position: absolute;
	bottom: 10px;
	left: 50px;
}

.circle li{
	float: left;
	width: 8px;
	height: 8px;
	/* background-color: #fff; */
	border: 2px solid rgba(255, 255, 255, .5);
	margin: 0 5px;
	border-radius: 50%;
	cursor: pointer;
}

.current{
	background-color: #fff;
}

.newflash {
	width: 250px;
	height: 455px;
}

.news {
	height: 163px;
	border: 1px solid #ccc;
}

.news-hd {
	height: 32px;
	border: 1px dotted #ccc;
	font-size: 14px;
	line-height: 32px;
	padding:0 15px;
}

.news-hd a{
	float: right;
	font-size: 12px;
	font-family: 'icomoon';
}

.news-bd{
	padding: 10px 0 0 15px;
}

.news-bd ul li{
	height: 23px;
	line-height: 23px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* 将超过的部分截掉，正好边框也就用自己的了 */
.lifeserver{
	overflow: hidden;
	height: 208px;
	border: 1px solid #ccc;
	border-top: none;
}

/* 当li的总宽度大于父宽度会被挤到下一行，但是只要ul的宽度比父宽度大，这样也就不会被挤下去了 */
.lifeserver ul{
	width: 252px;
}

.lifeserver li {
	position: relative;
	float: left;
	width: 63px;
	height: 70px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.lifeserver li a {
	display: block;
	/* 解决i 引起的外边距 塌陷合并 的问题 */
	overflow: hidden;
	height: 100%;
}

.lifeserver li p{
	text-align: center;
}

.service_ico {
	/* i 跟a 都是块级元素，会导致外边距塌陷的问题 */
	display: block;
	margin: 10px auto;
	width: 24px;
	height: 24px;
	background:url(../images/icons.png) no-repeat;
}

.service_ico_huefei {
	background-position: -17px -16px;
}

.service_ico_feiji {
	width: 26px;
	background-position: -78px -16px;
}

.hot{
	position: absolute;
	top: 0;
	right: 0;
	width: 56px;
	height: 26px;
	background: url(../images/sk.png) no-repeat;
}

.bargin {
	height: 75px;
	margin-top: 5px;
}

/* recommend */
.recommend {
	height: 163px;
	margin-top: 10px;
}

.recom-hd {
	width: 200px;
	height: 163px;
	text-align: center;
	background-color: #666666;
}

.recom-hd img{
	margin-top: 30px;
}

.recom-bd {
	width: 1000px;
	height: 163px;
}

.recom-bd li{
	float: left;
	width: 249px;
	height: 145px;
}

.recom-bd .last {
	border-right: 0;
}

/* floor */
.box-hd {
	height: 30px;
	border-bottom: 2px solid #c81623;
	background-color: pink;
	margin-top: 25px;
}

.box-hd h3{
	float: left;
	font-size: 18px;
	 color: #c81623;
}

.tab-list{
	float: right;
	line-height: 30px;
}

.tab-list li {
	float: left;
}

.tab-list li a{
	margin: 0 15px;
}

.box-bd{
	height: 360px;
}

.w210 {
    width: 210px;
    background-color: #f9f9f9;
    text-align: center;
	/* border-bottom: 1px solid #ccc; */
}
.w210  ul li {
    float: left;
    width: 85px;
    height: 34px;
    text-align: center;
    line-height: 33px;
    margin-right: 10px;
	/* border-bottom: 1px solid #ccc; */
}
.w210  ul {
    padding-left: 12px;
}


.w329{
	width: 329px;
	/* border: 1px solid #ccc; */
}

.w219{
	width: 219px;
}

.w221{
	width: 221px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.tab-con li{
	float: left;
	height: 360px;
}

.tab-con-item {
	/* border: 1px solid #ccc; */
}

/* 过渡动画 */
.box-bd li {
	overflow: hidden;
}
.box-bd img{
	transition: all .2s; 
}

.box-bd img:hover{
	margin-left: 8px;
}




/* fixedtools */
.fixedtools {
	position: fixed;
	top: 100px;
	left: 50%;
	margin-left: -676px;
	width: 66px;
	background-color: #fff;
}

.fixedtools li{
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 12px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}

.fixedtools .current{
	background-color: #B1191A;
	color: #fff;
}